<include file="common/header">
  <main class="mdl-layout__content">
    <div class="site-content">
      <div class="mdl-grid site-max-width">
        <!--<div class="mdl-cell mdl-cell--12-col mdl-card mdl-shadow--4dp page-content">-->
        <!--
              <div class="mdl-card__title">
                <h1 class="mdl-card__title-text">关于自己</h1>
              </div>
              <div class="mdl-card__media"><img class="article-image" start="2" end="1" src="主题目录/images/about.jpg" border="0" alt="About">
              </div>
			  -->
        <!-- <div class="mdl-grid site-copy">-->

        <div class="card" data-state="#about">
          <div class="card-header">
            <div class="card-cover" style="background-image: url('主题目录/images/fc.jpg')"></div>
            <img class="card-avatar" src="主题目录/images/fc.jpg" alt="封尘" />
            <h1 class="card-fullname">封尘</h1>
            <h2 class="card-jobtitle">做自己的英雄</h2>
          </div>
          <div class="card-main">
            <div class="card-section is-active" id="about">
              <div class="card-content">
                <p class="card-desc">
                  <div class="mykeys">
                    <span class="mykey"
                      style="border-color: rgb(112, 243, 255); background-color: rgba(112, 243, 255, 0.19);">九零后孤寡老人
                    </span>
                    <span class="mykey"
                      style="border-color: rgb(214 129 129);background-color: rgb(251 112 140,0.19);">即将而立之年 </span>
                    <span class="mykey"
                      style="border-color: rgb(255, 199, 115); background-color: rgba(255, 199, 115, 0.19);">阳光大宅男
                    </span>
                    <span class="mykey" style="border-color: rgb(158 157 111);background-color: rgb(245 238 4);">内心敏感多汁
                    </span>
                    <span class="mykey"
                      style="border-color: rgb(165 85 154);background-color: rgb(221 12 228 / 21%);">间歇式人格切换 </span>
                    <span class="mykey"
                      style="border-color: rgb(17 206 129);background-color: rgb(60 212 90 / 19%);">云吸猫少年 </span>
                    <span class="mykey"
                      style="border-color: rgb(255, 199, 115); background-color: rgba(255, 199, 115, 0.19);">真不是二次元哦，哦尼酱
                    </span>
                    <span class="mykey"
                      style="border-color: rgb(12 123 212 / 26%);background-color: rgba(33,150,243,.26);">坚定的唯物主义
                    </span>
                    <span class="mykey"
                      style="border-color: rgb(112, 243, 255); background-color: rgba(112, 243, 255, 0.19);">我的代码不可能有BUG
                    </span>
                    <span class="mykey" style="border-color: rgb(135 105 181);background-color: #c4c3e8;">哈撒给重度手残患者
                    </span>
                    <span class="mykey"
                      style="border-color: rgb(158, 221, 72); background-color: rgba(158, 221, 72, 0.19);">如路人甲一般的芸芸众生
                    </span>
                  </div>
                </p>
              </div>
              <div class="card-social">
                <a href="https://github.com/lovefc"><img src="主题目录/about/img/github.svg" width="20"></a>
                <a href="https://gitee.com/lovefc"><img src="主题目录/about/img/gitee.svg" width="20"></a>
                <a href="mailto:fcphp@qq.com"><img src="主题目录/about/img/email.svg" width="20"></a>
                <a href="tencent://message/?uin=1102952084&Site=Sambow&Menu=yes"><img src="主题目录/about/img/qq.svg" width="20"></a>
				<a href="/weiyu.html"><img src="主题目录/about/img/weiyu.svg" width="20"></a>
              </div>
            </div>
            <div class="card-buttons">
              <button data-section="#about" class="is-active">我的资料</button>
            </div>
			<include file="common/comments">
          </div>
        </div>
      </div>
    </div>
    <include file="common/footnav">
  </main>
<include file="common/footer">